﻿@model Gman.WebApp.Models.SistemaModel

@{
    ViewBag.Title = "";

}

<script src="@Url.Content("~/Scripts/Binding/Sistema.js")" type="text/javascript"></script>


<script type="text/javascript">
    var guid = "@( Model.ID.ToString() )";
    var action = "@( Model.Action.ToString())";

    $(document).ready(function () {
        SetupControls();
        SetupActions();
        $("#btnBuscar1").click(function () {
            BuscarActivos();
        });

    });
       
</script>

<div style="margin-top:5px;">
    <div class="DataTop">
        <div class="DataTopLeft">
        </div>
        <div class="DataTopRight">
        </div>
    </div>
    <div class="DataContent">
        <div class="DataContentRight" style="height:50px;">
             <b> Registro de Sistemas </b>
             @{ Html.RenderPartial("ToolBar", Model.ToolBar); }
             
        </div>
    </div>
    <div class="DataBottom">
        <div class="DataBottomLeft">
        </div>
        <div class="DataBottomRight">
        </div>
    </div>
</div>


<div style="margin-top:5px;">
    <div class="DataTop">
        <div class="DataTopLeft">
        </div>
        <div class="DataTopRight">
        </div>
    </div>
    <div class="DataContent">
        <div class="DataContentRight">
        <div class="DataTable">

        <fieldset>

            <table width="100%">        
                <tr>
                    <td style="width:500px">
                        <div class="editor-label">
                            Codigo de Bien:
                        </div>
                    </td>
                    <td  style="width: 250px">
                        <div >
                             @( Html.TextBoxFor(model => model.Bien.CodBien, new { style = "width: 90%;", propertyname = "CodBien"}))
                        </div>
                    </td>                
                    <td>
                        <div > 
                            <img id="btnBuscar" src="../../_Images/Search-icon-16.png"  alt="Buscar bien" style="cursor:pointer;"/>
                        </div>
                    </td>             
                </tr>            
                <tr>
                    <td style="width: 500px">
                        <div class="editor-label">
                            Tipo de Bien:
                        </div>
                    </td>
                    <td style="width: 250px">
                        <div>
                            @( Html.DropDownListFor(model => model.Bien.TipoBien, Model.TipoBien, new { style = "width: 70%;", propertyname = "TipoBien" }))
                        </div>
                    </td>
                    <td>
                    </td> 
                                   
                </tr>            
                
                <tr>
                    <td style="width: 500px">
                        <div class="editor-label">
                            Descripcion del Sistema:
                        </div>
                    </td>
                    <td style="width: 450px">
                        <div>
                             @( Html.TextAreaFor(model => model.Bien.DescBien, new { style = "width: 90%; height:50px", propertyname = "DescBien" }))
                        </div>
                    </td>  
                    <td>
                    </td>              
                </tr>       
            </table>   
    
        </fieldset>            
    
        </div>
        </div>
    </div>  
    

 <div class="DataContent">
        <div class="DataContentRight" style="height: 550px;">
            <br />
            <b>Relacion de Activos</b> 
            <br /> <br />

            <table width="40%">        
                <tr>
                    <td style="width:150px">
                        <div class="editor-label">
                            Codigo de Activo:
                        </div>
                    </td>
                    <td  style="width: 250px">
                        <div >
                             @( Html.TextBoxFor(model => model.BienBusqueda.CodBien, new { style = "width: 90%;", propertyname = "BienBusqueda.CodBien" }))
                        </div>
                    </td>                   
                </tr>            
              
                <tr>
                    <td style="width: 150px">
                        <div class="editor-label">
                            Descripcion del Activo:
                        </div>
                    </td>
                    <td style="width: 450px">
                        <div>
                             @( Html.TextAreaFor(model => model.BienBusqueda.DescBien, new { style = "width: 90%; height:50px", propertyname = "BienBusqueda.DescBien" }))
                        </div>
                    </td>         
                </tr> 
                <tr>
                    <td>
                        <div>
                            <input id="btnBuscar1" type="submit" value="Buscar" style="float:right;"/>
                        </div>    
                    </td>     
                </tr>      
            </table>  
            
    <table width="100%">
       <tr>
         <td>
            <div id="ListaActivosDiv" style="OVERFLOW: auto; WIDTH: 600px; HEIGHT: 350px"> 
            
            
                @if (Model.ListaActivos.Count >= 1)
                {
                    Html.RenderPartial("ListaActivos", Model);
                }              

           </div>
        </td>
        
        <td>
        >
        </td>
        <td>
           <div id="ListaActivosDetalleDiv"  style="OVERFLOW: auto; width: 600px; HEIGHT: 350px">
           
                 @if (Model.Seleccionados.Count >= 1)
                 {
                     Html.RenderPartial("ListaActivosDetalle", Model);
                 }               
           
           </div>

        </td>
       </tr>        
     </table>
                      
       
        </div>
</div>  
    
     
    
    
    <div class="DataBottom">
        <div class="DataBottomLeft">
        </div>
        <div class="DataBottomRight">
        </div>
    </div>
</div>

